html {
    min-height: 100%;
    position: relative;
    overflow-x: hidden;
}

body {
    margin: 0 auto;
    margin-left: 0px;
    margin-right: 0px;
    box-sizing: border-box;
    background-color: white;
    color: #333;
    font-family: "微软雅黑";
    font-size: 14px;
}

body:before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background-color: white
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div {
    box-sizing: border-box;
}

.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.none {
    display: inline-block;
    display: none !important;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
    clear: both;
}

ul,
li {
    list-style: none;
    list-style-type: none;
}

input {
    outline: none;
}

.pointer {
    cursor: pointer;
}

a {
    text-decoration: none;
}

a:link {
    color: dodgerblue;
    text-decoration: none;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #666;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #666;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #666;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #666;
}

label.chk {
    cursor: pointer;
}

label.chk i {
    font-style: normal;
    display: inline-block;
    width: 14px;
    height: 14px;
    text-align: center;
    line-height: 12px;
    color: #fff;
    vertical-align: middle;
    margin: -2px 4px 1px 0px;
    border: #2489c5 1px solid;
}

label.chk input[type="checkbox"],
input[type="radio"] {
    display: none;
}

label.chk input[type="radio"]+i {
    border-radius: 7px;
}

label.chk input[type="checkbox"]:checked+i,
input[type="radio"]:checked+i {
    background: #2c8df0;
}

label.chk input[type="checkbox"]:disabled+i,
input[type="radio"]:disabled+i {
    border-color: #ccc;
}

label.chk input[type="checkbox"]:checked:disabled+i,
input[type="radio"]:checked:disabled+i {
    background: #ccc;
}

a.dodgerblue {
    color: dodgerblue;
}

.color-333 {
    color: #333 !important;
}

.color-666 {
    color: #666 !important;
}

.color-999 {
    color: #999 !important;
}

.color-52ec54 {
    color: #52ec54 !important;
}

.color-ffad50 {
    color: #ffad50 !important;
}

.yellow {
    color: yellow !important
}

.themeprimary {
    color: #2dc3e8 !important
}

.themesecondary {
    color: #fb6e52 !important
}

.themethirdcolor {
    color: #ffce55 !important
}

.themefourthcolor {
    color: #a0d468 !important
}

.themefifthcolor {
    color: #e75b8d !important
}

.white {
    color: #fff !important
}

.snow {
    color: #fbfbfb !important
}

.whitesmoke {
    color: #f5f5f5 !important
}

.seashell {
    color: #f3f3f3 !important
}

.ivory {
    color: #eee !important
}

.platinum {
    color: #e5e5e5 !important
}

.lightgray {
    color: #d0d0d0 !important
}

.gray {
    color: #ccc !important
}

.darkgray {
    color: #999 !important
}

.silver {
    color: #777 !important
}

.sonic-silver {
    color: #737373 !important
}

.storm-cloud {
    color: #666 !important
}

.lightcarbon {
    color: #555 !important
}

.carbon {
    color: #444 !important
}

.slate-gray {
    color: #333 !important
}

.darkcarbon {
    color: #262626 !important
}

.blue {
    color: #5db2ff !important
}

.info {
    color: #57b5e3 !important
}

.sky {
    color: #11a9cc !important
}

.primary {
    color: #4374e0 !important
}

.azure {
    color: #2dc3e8 !important
}

.blueberry {
    color: #6f85bf !important
}

.palegreen {
    color: #a0d468 !important
}

.success {
    color: #53a93f !important
}

.green {
    color: #8cc474 !important
}

.lightyellow {
    color: #f6d52e !important
}

.yellow {
    color: #ffce55 !important
}

.warning {
    color: #f4b400 !important
}

.gold {
    color: #f9b256 !important
}

.orange {
    color: #fb6e52 !important
}

.lightred {
    color: #e46f61 !important
}

.darkorange {
    color: #ed4e2a !important
}

.red {
    color: #df5138 !important
}

.pink {
    color: #e75b8d !important
}

.darkpink {
    color: #cc324b !important
}

.danger {
    color: #d73d32 !important
}

.magenta {
    color: #bc5679 !important
}

.purple {
    color: #7e3794 !important
}

.maroon {
    color: #981b48 !important
}

.ft20 {
    font-size: 20px !important;
}

.ft30 {
    font-size: 30px !important;
}

.ft-10 {
    font-size: 10px !important;
}

.ft-12 {
    font-size: 12px !important;
}

.ft-14 {
    font-size: 14px !important;
}

.ft-16 {
    font-size: 16px !important;
}

.ft-18 {
    font-size: 18px !important;
}

.ft-20 {
    font-size: 20px !important;
}

.fb {
    font-weight: bold;
}

.no-padding {
    padding: 0 !important
}

.no-padding-bottom {
    padding-bottom: 0 !important
}

.no-padding-top {
    padding-top: 0 !important
}

.no-padding-left {
    padding-left: 0 !important
}

.no-padding-right {
    padding-right: 0 !important
}

.no-margin {
    margin: 0 !important
}

.no-margin-bottom {
    margin-bottom: 0 !important
}

.no-margin-top {
    margin-top: 0 !important
}

.no-margin-left {
    margin-left: 0 !important
}

.no-margin-right {
    margin-right: 0 !important
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.bordered-sc-danger {
    border-color: #ff9900 !important
}

.bordered-sc-green {
    border-color: #19be6b !important
}

.bordered-sc-orangered {
    border-color: #ED3F14 !important
}

.bg-sc-danger {
    background-color: #ff9900 !important
}

.bg-sc-green {
    background-color: #19be6b !important
}

.bg-sc-orangered {
    background-color: #ED3F14 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-gray {
    background-color: #ccc !important
}

.bg_f3 {
    background-color: #f3f3f3 !important
}